.template {
  position: relative;
  z-index: 1;
  width: 740px;
  height: 1052px;
  font-size: 18px;
  .name {
    position: absolute;
    top: 155px;
    left: 142px;
  }
  .day {
    position: absolute;
    top: 185px;
    left: 100px;
    width: 560px;
  }
  .quarter {
    position: absolute;
    top: 375px;
    display: flex;
    align-items: flex-end;
    margin-left: 300px;
    font-size: 20px;
    .quarterSpan {
      display: inline-block;
      width: 60px;
      margin: 2px;
      text-align: center;
      border-bottom: 1px solid black;
    }
    div:empty {
      width: 60px;
      border-bottom: 1px solid black;
    }
  }
  .headTeacherContainer {
    position: absolute;
    right: 147px;
    bottom: 143px;
    .headTeacher {
      display: inline-block;
      width: 60px;
    }
    .headTeachername {
      display: inline-block;
      width: 60px;
      text-align: center;
      border-bottom: 1px solid black;
    }
    .headTeachername:empty {
      width: 60px;
      border-bottom: 1px solid black;
    }
  }
  .subject2 {
    position: absolute;
    top: 518px !important;
    left: 145px;
    display: flex;
    width: 493px;
  }

  .subject,
  .subject tr {
    border: 1px solid #c9a784;
    border-collapse: collapse;
  }
  .subject {
    position: absolute;
    top: 457px;
    left: 141px;
    display: flex;
    width: 493px;
  }
  .subject tr {
    display: flex;
    flex-direction: column;
    width: 25%;
    color: #606266;
    text-align: center;
  }
  .subject td {
    // flex: 1; // 高度塌陷
    height: 30px;
    padding-left: 10px;
    color: #606266;
    text-align: center;
    border-top: 1px solid #c9a784;
  }
}

.scoreTemplate {
  position: relative;
  margin-top: -180px;
  margin-left: -120px;
  scale: 0.65;
  &__name {
    position: absolute;
    top: 155px;
    left: 100px;
  }
  &__headTeachername {
    position: absolute;
    right: 160px;
    bottom: 153px;
  }
  &__score {
    position: absolute;
    top: 495px;
    left: 145px;
    display: flex;
    width: 493px;
    div {
      width: 25%;
      padding-left: 10px;
      color: #606266;
      text-align: center;
    }
  }
  &__comment {
    position: absolute;
    top: 650px;
    left: 155px;
    width: 470px;
    text-align: justify;
    div {
      padding-top: 10px;
    }
  }
}
